프론트 환경설정 cheatsheet

• yarn 사용시 vscode에서 의존성 모듈 인식 불가

yarn add @yarnpkg/sdks -D
yarn dlx @yarnpkg/sdks vscode

• yarn pnp의 ESM지원 부족.
• nx
  • 일부 플러그인이 swc등 코드를 받아오는 형태로 제작됨, yarn pnp 형태의 패키지로 실행 불가
  • undefined됨
  • nx의 ESM only module 런타임 오류
• babel
  • class transpile될 때 defineProperty사용하는 경우
  • decorator
  • decorator proposal 버전별 transpile 다름
  • tsc옵션이 babel에도 적용되어야하는 경우
  • @babel/preset-typescript있어도 별도 플러그인 사용하는 경우에는 plugin-transform-typescript를 가장 먼저 추가해줘야함
• babel에서는 class field를 전부 undefined시키므로 무조건 생성자에서 초기화하는것을 전제로함
  • 이 경우를 구분하기 위해 TypeScript에서 declare 를 사용해야한다.